/**
 * @class Contacts.views.ContactDetails
 * @extends Ext.Panel
 * A Panel showing the details of a contact.
 */
IVLE.views.ContactDetails = Ext.extend(Ext.Panel, {
    tpl: '<h2>{firstName} {lastName}</h2><p><a href="mailto:{email}">{email}</a></p>',
    styleHtmlContent: true,
    initComponent : function() {
        this.dockedItems = {
            dock: 'top',
            xtype: 'toolbar',
            title: 'Contact',
            items: {
                text: 'Back',
                ui: 'back',
                itemId: 'backButton'
            }            
        };
        
        IVLE.views.ContactDetails.superclass.initComponent.apply(this, arguments);
    }
});

Ext.reg('contact-details', IVLE.views.ContactDetails);